<template>
    <div ref="wrapper">
        <div>
            <slot></slot>
        </div>
        
    </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
    data() {
        return {
            scroll: null,
        }
    },
    props: {
        probeType: {
            type: Number,
            default: 0
        },
        pullUpLoad: {
            type: Boolean,
            default: false
        }
    },
    mounted() {
        // 1. 创建BScroll对象
        this.scroll = new BScroll(this.$refs.wrapper, {
           click: true,
           probeType: this.probeType,
           pullUpLoad: this.pullUpLoad
        }) 
        // 2. 监听滚动的位置
        this.scroll.on('scroll', (position) => {
            // console.log(position)
            this.$emit('scroll1', position)
        })

        // 3. 监听上拉加载更多
        this.scroll.on('pullingUp', () => {
            // console.log(8)
            this.$emit('pullingUp') 
            // this.scroll.finishPullUp()
        })

    },
    methods: {
        backTop(x, y, time = 500) {
            this.scroll && this.scroll.scrollTo(x, y, time)
        },
        finishPullUp1() {
            this.scroll && this.scroll.finishPullUp()
        },
        refresh() {
            // console.log(9)
            this.scroll && this.scroll.refresh()
            // console.log('------------9') 
        },
        getScrollY() {
           return this.scroll && this.scroll.y
        }
    },
    
    
}
</script>